<template>
	<view class="rankList">
		<view v-if="statisticsData.length > 0">
			<view class="rank-item" v-for="(item, index) in statisticsData" :key="index">
				<Rank :item="item"/>
			</view>
			<view class="footer">
				<view class="tips" @click="more">点击查看更多</view>
				<icon type="download" color="#999999" size="14"/>
			</view>
		</view>
		<view v-else>
			<Empt description="暂无内容"/>
		</view>
	</view>
</template>

<script setup lang="ts">
	import Rank from "@/components/rank/index.vue"
	import Empt from "@/components/Empt/index.vue"
	 defineProps({
		statisticsData:{
			type: Array,
			required: true
		}
	})
	const more = () => {
		console.log('查看更多')
	}
	
</script>

<style lang="scss" scoped>

	.rankList{
		background-color: #fff;
		.rank-item{
			// margin-bottom: 40upx;
		}
		.footer{
			padding-top: 32upx;
			padding-bottom: 32upx;
			display: flex;
			justify-content: center;
			align-items: center;
			display: none;
			.tips{
				font-weight: 400;
				font-size: 24upx;
				color: #999999;
			}
		}
	}
</style>